@import "../../../style/default";

.#{$style-prefix}-span-disabled {
  background: $span-disabled;
  border-bottom: $span-border-bottom-disabled;
  &:hover {
    border-color: $span-border-color-h;
  }
}

.#{$style-prefix}-span-link {
  input {
    color: $link-color;
    text-decoration: $link-decoration;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects;

    &:focus {
      text-decoration: underline;
      //text-decoration-skip: ink;
      text-decorator-skip-ink: auto
    }

    &:hover {
      color: $link-hover-color;
    }

    &:active {
      color: $link-active-color;
    }

    &:active,
    &:hover {
      outline: 0;
      text-decoration: $link-hover-decoration;
    }
  }
}

